@import "mixin";
@import "variables";

.custom-checkbox {
  .cyle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    top: 2px;
  }

  .el-icon-success {
    font-size: 23px;
    color: $theme-color;
  }
}

.custom-disabled {
  .el-input.is-disabled .el-input__inner {
    background-color: #fff;
    color: #606266;
  }
  .el-radio__input.is-disabled + span.el-radio__label {
    color: #606266;
  }
  .el-radio__input.is-disabled.is-checked + span.el-radio__label {
    color: $theme-color;
  }
}

audio {
  height: 30px;
}

.required-style {
  color: red;
  font-size: 16px;
  vertical-align: sub;
}

.custom-tip-style {
  margin-top: 20px;
  color: #ff9900;
}

/*  修改el-table样式，和customTable风格同步 */
.flowTable {
  .el-table--group,
  .el-table--border {
    border: none;
  }
  table {
    max-width: 100%;
    thead th {
      background-color: #fafafa;
      color: #000;
      font-size: 12px;
    }
    tbody td {
      padding: 8px 0;
      &.weight {
        font-weight: bold;
        font-size: 12px;
      }
    }
  }
}

.dubgetTable {
  .el-table--group,
  .el-table--border {
    border: none;
  }
  table {
    max-width: 100%;
    thead th {
      color: #333;
      font-size: 15px;
    }
    tbody td {
      padding: 8px 0;
      &.weight {
        font-weight: bold;
        font-size: 13px;
      }
    }
  }
  /deep/ &.el-table {
    &--border,
    &--group {
      border-left: none;
    }
    &--group::after {
      display: none;
    }
    &--border tr td {
      border-right: none;
    }
    .el-table__column-resize-proxy {
      display: none;
    }
  }
}

.budgetWrap {
  background-color: #fff;
}

.upload-text {
  width: 102px;
  height: 32px;
  color: $theme-color;
  border: 1px solid $theme-color;
}

input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }
    .green {
      color: #3ad47e;
      font-weight: bold;
    }
    .orange {
      color: #d8b20c;
      font-weight: bold;
    }